@import "@/common/constants/StyleConst.scss";

.ProblemType-container {
  height: calc(100vh - 120px);
  background: $color-bg-white;
  min-height: 300px;

  .table-wrap {
    height: 100%;

    .box :deep {
      height: 100%;

      .v-toolbar {
        .v-toolbar__title {
          font-size: 14px;
          color: $color-bg-white;
          font-weight: bold;
        }

        .arrow-icon {
          font-size: 18px;
        }
      }

      .table-container {
        height: calc(100% - 40px);

        .theme--light.v-data-table.table .v-data-table__wrapper table .v-data-table-header tr th {
          background-color: #DFE1E8;
          color: #565656;
          box-shadow: unset;
        }
      }

      &.col-4 {
        flex: 0 0 33.3333333333333%;
      }

      &:not(:last-child) {
        margin-right: 17px;
      }
    }
  }
}